<template>
  <div class="home">
    <h2>文件类型上传限制</h2>
    <uploadExecl />
  </div>
  <div class="home">
    <h2>只能上传图片</h2>
    <uploadImage v-model:imageUrl="imageUrl" />
  </div>
  <div class="home">
    <h2>用户设置上传限制：如只能上传word</h2>
    <uploadImpose v-model:wordFile="wordFile" fileType="word" uploadDirName="uploadFile" />
  </div>
</template>

<script setup>
import uploadExecl from '@/components/useUpload/uploadFile.vue'
import uploadImage from '@/components/useUpload/uploadImage.vue'
import uploadImpose from '@/components/useUpload/uploadImpose.vue'
import { ref } from 'vue'
const imageUrl = ref('')
const wordFile = ref('')
</script>

<style lang="scss" scoped>
.home {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  h2 {
    margin-bottom: 20px;
  }
}
</style>
